<div class="card">
  <div class="card-title">
    <p class="form-title">{{this.code}}</p>
  </div>
  <div class="card-body" *ngIf="this.type == '销售报价单审核' ">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>销售报价单号:</label>
          <div class="info-item-data">
            <span>{{docData.quotationNum}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>报价日期:</label>
          <div class="info-item-data">
            <span>{{docData.quotationDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户名称:</label>
          <div class="info-item-data">
            <span>{{docData.customerName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户简称:</label>
          <div class="info-item-data">
            <span>{{docData.customerShortName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户联系人:</label>
          <div class="info-item-data">
            <span>{{docData.customerContact}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>联系方式:</label>
          <div class="info-item-data">
            <span>{{docData.contactInfo}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.salesmanName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.department}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算币种:</label>
          <div class="info-item-data">
            <span>{{docData.currency}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.remark}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.quotationItems" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig">
          <thead dTableHead>
            <tr dTableRow>
              <th dHeadCell dTooltip [content]="colOption.header" *ngFor="let colOption of dataTableOptions.columns">
                {{colOption.header}}</th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum"> {{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span>
                    <div dImagePreview>
                      <d-badge *ngIf="rowItem.pictureUrl" [count]="getImagesArray(rowItem.pictureUrl).length"
                        status="success">
                        <ng-container *ngFor="let imageUrl of getImagesArray(rowItem.pictureUrl); let i = index">
                          <img *ngIf="getImagesArray(rowItem.pictureUrl).length > 0" [src]="imageUrl" alt="图片"
                            width="30px" height="30px" [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                        </ng-container>
                      </d-badge>
                    </div>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.quantity">{{rowItem.quantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.priceWithTax">{{rowItem.priceWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.priceWithoutTax">{{rowItem.priceWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip>{{rowItem.taxRate*100}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip>{{rowItem.discount*100}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountedPriceWithTax">{{rowItem.discountedPriceWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip
                    [content]="rowItem.discountedAmountWithoutTax">{{rowItem.discountedAmountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountedAmountWithTax">{{rowItem.discountedAmountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountedTaxAmount">{{rowItem.discountedTaxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.remark">{{rowItem.remark}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '销售订单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>销售订单号:</label>
          <div class="info-item-data">
            <span>{{docData.saleOrderNum}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户单号:</label>
          <div class="info-item-data">
            <span>{{docData.customerOrderNum}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>单据日期:</label>
          <div class="info-item-data">
            <span>{{docData.orderDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>发货日期:</label>
          <div class="info-item-data">
            <span>{{docData.deliveryDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户名称:</label>
          <div class="info-item-data">
            <span>{{docData.customerName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户简称:</label>
          <div class="info-item-data">
            <span>{{docData.customerShortName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户联系人:</label>
          <div class="info-item-data">
            <span>{{docData.customerContact}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>联系方式:</label>
          <div class="info-item-data">
            <span>{{docData.contactInfo}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.salesman}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.department}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算币种:</label>
          <div class="info-item-data">
            <span>{{docData.settlementCurrency}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算方式:</label>
          <div class="info-item-data">
            <span>{{docData.settlementMethod}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>收款账期:</label>
          <div class="info-item-data">
            <span>{{docData.paymentTerm ||'/'}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>交货地址:</label>
          <div class="info-item-data">
            <span>{{docData.deliveryAddress||'/'}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.remark}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.saleOrderParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig2">
          <thead dTableHead>
            <tr dTableRow>
              <th dHeadCell dTooltip [content]="colOption.header" *ngFor="let colOption of dataTableOptions2.columns">
                {{colOption.header}}</th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum"> {{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span>
                    <div dImagePreview>
                      <d-badge *ngIf="rowItem.pictureUrl" [count]="getImagesArray(rowItem.pictureUrl).length"
                        status="success">
                        <ng-container *ngFor="let imageUrl of getImagesArray(rowItem.pictureUrl); let i = index">
                          <img *ngIf="getImagesArray(rowItem.pictureUrl).length > 0" [src]="imageUrl" alt="图片"
                            width="30px" height="30px" [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                        </ng-container>
                      </d-badge>
                    </div>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.plannedShipmentDate">{{rowItem.plannedShipmentDate}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.realTimeInventory">{{rowItem.realTimeInventory}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.quantity">{{rowItem.quantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.priceWithTax">{{rowItem.priceWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.priceWithoutTax">{{rowItem.priceWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip>{{rowItem.taxRate * 100}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip>{{rowItem.discount*100}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountPriceWithTax">{{rowItem.discountPriceWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip
                    [content]="rowItem.discountAmountWithoutTax">{{rowItem.discountAmountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountAmountWithTax">{{rowItem.discountAmountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountTaxAmount">{{rowItem.discountTaxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.remark">{{rowItem.remark}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.sourceQuotationNum">{{rowItem.sourceQuotationNum}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '销售发货单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>销售发货单号:</label>
          <div class="info-item-data">
            <span>{{docData.saleDeliverNum}}</span>
          </div>
        </div>

        <div class="basic-info-item">
          <label>单据日期:</label>
          <div class="info-item-data">
            <span>{{docData.orderDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>发货日期:</label>
          <div class="info-item-data">
            <span>{{docData.scheduledDeliverTime}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户名称:</label>
          <div class="info-item-data">
            <span>{{docData.chineseName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户简称:</label>
          <div class="info-item-data">
            <span>{{docData.customerAbbreviation}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户联系人:</label>
          <div class="info-item-data">
            <span>{{docData.customerContactName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>联系方式:</label>
          <div class="info-item-data">
            <span>{{docData.customerContactPhone}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.salesmanName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.department}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算币种:</label>
          <div class="info-item-data">
            <span>{{docData.currencyName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算方式:</label>
          <div class="info-item-data">
            <span>{{docData.settlementMethodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>收款账期:</label>
          <div class="info-item-data">
            <span>{{docData.collectionPeriodName ||'/'}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>交货地址:</label>
          <div class="info-item-data">
            <span>{{docData.deliveryAddress||'/'}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.note}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.saleDeliverParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig3">
          <thead dTableHead>
            <tr dTableRow>
              <th dHeadCell>
                <span><span class="Required">*</span>物料编码</span>
              </th>
              <th dHeadCell>
                <span>图片</span>
              </th>
              <th dHeadCell>
                <span>物料名称</span>
              </th>
              <th dHeadCell>
                <span>规格型号</span>
              </th>

              <th dHeadCell>
                <span>物料描述</span>
              </th>
              <th dHeadCell>
                <span>发货日期</span>
              </th>

              <th dHeadCell>
                <span><span class="Required">*</span>数量</span>
              </th>
              <th dHeadCell>
                <span><span class="Required">*</span>单位</span>
              </th>
              <th dHeadCell>
                <span><span class="Required">*</span>单价(含税)</span>
              </th>
              <th dHeadCell>
                <span><span class="Required">*</span>单价（不含税）</span>
              </th>
              <th dHeadCell>
                <span>税率（%）</span>
              </th>
              <th dHeadCell>
                <span>折扣（%）</span>
              </th>
              <th dHeadCell>
                <span>折扣单价（含税）</span>
              </th>
              <th dHeadCell>
                <span>含税金额</span>
              </th>
              <th dHeadCell>
                <span>不含税金额</span>
              </th>
              <th dHeadCell>
                <span>税额</span>
              </th>
              <th dHeadCell>
                <span>折扣含税金额</span>
              </th>
              <th dHeadCell>
                <span>折扣不含税金额</span>
              </th>
              <th dHeadCell>
                <span>折扣税额</span>
              </th>
              <th dHeadCell>
                <span>备注</span>
              </th>
              <th dHeadCell>
                <span>来源订单号</span>
              </th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span>
                    <div dImagePreview>
                      <d-badge *ngIf="rowItem.fileURL" [count]="getImagesArray(rowItem.fileURL).length"
                        status="success">
                        <ng-container *ngFor="let fileURL of getImagesArray(rowItem.fileURL); let i = index">
                          <img *ngIf="getImagesArray(rowItem.fileURL).length > 0" [src]="fileURL" alt="图片" height="22px"
                            [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                        </ng-container>
                      </d-badge>
                    </div>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip
                    [content]="rowItem.scheduledDeliverTime | date:'yyyy-MM-dd'">{{rowItem.scheduledDeliverTime | date:'yyyy-MM-dd'}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.scheduledDeliverAmount">{{rowItem.scheduledDeliverAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.priceWithTax">{{rowItem.priceWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.priceWithoutTax">{{rowItem.priceWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="(rowItem.taxRate * 100).toString()">{{rowItem.taxRate * 100}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="(rowItem.discount * 100).toString()">{{rowItem.discount * 100}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountPriceWithTax">{{rowItem.discountPriceWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip
                    [content]="rowItem.discountAmountWithoutTax">{{rowItem.discountAmountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountAmountWithTax">{{rowItem.discountAmountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountTaxAmount">{{rowItem.discountTaxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.saleOrderNum">{{rowItem.saleOrderNum}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '销售退货单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>销售退货单号:</label>
          <div class="info-item-data">
            <span>{{docData.saleReturnNum}}</span>
          </div>
        </div>

        <div class="basic-info-item">
          <label>单据日期:</label>
          <div class="info-item-data">
            <span>{{docData.orderDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>退货时间:</label>
          <div class="info-item-data">
            <span>{{docData.scheduledReturnTime}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户名称:</label>
          <div class="info-item-data">
            <span>{{docData.chineseName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户简称:</label>
          <div class="info-item-data">
            <span>{{docData.customerAbbreviation}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>客户联系人:</label>
          <div class="info-item-data">
            <span>{{docData.customerContactName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>联系方式:</label>
          <div class="info-item-data">
            <span>{{docData.customerContactPhone}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.salesmanName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.departmentName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算币种:</label>
          <div class="info-item-data">
            <span>{{docData.currencyName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算方式:</label>
          <div class="info-item-data">
            <span>{{docData.settlementMethodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.note}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.saleReturnParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig4">
          <thead dTableHead>
            <tr dTableRow>

              <th dHeadCell>
                <span><span class="Required">*</span>物料编码</span>
              </th>
              <th dHeadCell>
                <span>图片</span>
              </th>
              <th dHeadCell>
                <span>物料名称</span>
              </th>
              <th dHeadCell>
                <span>规格型号</span>
              </th>

              <th dHeadCell>
                <span>物料描述</span>
              </th>
              <th dHeadCell>
                <span>退货日期</span>
              </th>

              <th dHeadCell>
                <span><span class="Required">*</span>数量</span>
              </th>
              <th dHeadCell>
                <span><span class="Required">*</span>单位</span>
              </th>
              <th dHeadCell>
                <span><span class="Required">*</span>单价(含税)</span>
              </th>
              <th dHeadCell>
                <span><span class="Required">*</span>单价（不含税）</span>
              </th>
              <th dHeadCell>
                <span>税率（%）</span>
              </th>
              <th dHeadCell>
                <span>折扣（%）</span>
              </th>
              <th dHeadCell>
                <span>折扣单价（含税）</span>
              </th>
              <th dHeadCell>
                <span>含税金额</span>
              </th>
              <th dHeadCell>
                <span>不含税金额</span>
              </th>
              <th dHeadCell>
                <span>税额</span>
              </th>
              <th dHeadCell>
                <span>折扣含税金额</span>
              </th>
              <th dHeadCell>
                <span>折扣不含税金额</span>
              </th>
              <th dHeadCell>
                <span>折扣税额</span>
              </th>
              <th dHeadCell>
                <span>备注</span>
              </th>
              <th dHeadCell>
                <span>来源发货单号</span>
              </th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span>
                    <div dImagePreview>
                      <d-badge *ngIf="rowItem.image" [count]="getImagesArray(rowItem.image).length" status="success">
                        <ng-container *ngFor="let image of getImagesArray(rowItem.image); let i = index">
                          <img *ngIf="getImagesArray(rowItem.image).length > 0" [src]="image" alt="图片" height="22px" [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                        </ng-container>
                      </d-badge>
                    </div>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.scheduledReturnTime | date:'yyyy-MM-dd'">{{rowItem.scheduledReturnTime | date:'yyyy-MM-dd'}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.scheduledReturnAmount">{{rowItem.scheduledReturnAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.priceWithTax">{{rowItem.priceWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.priceWithoutTax">{{rowItem.priceWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="(rowItem.taxRate * 100).toString()">{{rowItem.taxRate * 100}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="(rowItem.discount * 100).toString()">{{rowItem.discount * 100}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountPriceWithTax">{{rowItem.discountPriceWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountAmountWithoutTax">{{rowItem.discountAmountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountAmountWithTax">{{rowItem.discountAmountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.discountTaxAmount">{{rowItem.discountTaxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.saleDeliverNum">{{rowItem.saleDeliverNum}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '采购需求单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>采购需求单号:</label>
          <div class="info-item-data">
            <span>{{docData?.purchaseRequiredNum}}</span>
          </div>
        </div>

        <div class="basic-info-item">
          <label>申请人:</label>
          <div class="info-item-data">
            <span>{{docData?.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>建议采购时间:</label>
          <div class="info-item-data">
            <span>{{docData?.advicePurchaseDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>申请部门:</label>
          <div class="info-item-data">
            <span>{{docData?.departmentName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData?.remark}}</span>
          </div>
        </div>

      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData?.purchaseRequiredOrderParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig5">
          <thead dTableHead>
            <tr dTableRow>

              <th dHeadCell>
                <span><span class="Required">*</span>物料编码</span>
              </th>
              <th dHeadCell>
                <span>图片</span>
              </th>
              <th dHeadCell>
                <span>物料名称</span>
              </th>
              <th dHeadCell>
                <span>规格型号</span>
              </th>
              <th dHeadCell>
                <span>是否结案</span>
              </th>
              <th dHeadCell>
                <span>物料描述</span>
              </th>
              <th dHeadCell>
                <span>单位</span>
              </th>
              <th dHeadCell>
                <span><span class="Required">*</span>申请采购数量</span>
              </th>
              <th dHeadCell>
                <span><span class="Required">*</span>建议采购时间</span>
              </th>
              <th dHeadCell>
                <span><span class="Required">*</span>已订数量</span>
              </th>
              <th dHeadCell>
                <span>建议供应商</span>
              </th>
              <th dHeadCell>
                <span>备注</span>
              </th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>

                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span>
                    <div dImagePreview>
                      <d-badge *ngIf="rowItem.image" [count]="getImagesArray(rowItem.image).length"
                        status="success">
                        <ng-container *ngFor="let imageUrl of getImagesArray(rowItem.image); let i = index">
                          <img *ngIf="getImagesArray(rowItem.image).length > 0" [src]="imageUrl" alt="图片"
                            height="22px" [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                        </ng-container>
                      </d-badge>
                    </div>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem?.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                  <span>
                    <d-tag [tag]="rowItem?.isClosed | booleanToText: '已结案':'未结案'"
                      [labelStyle]="rowItem?.isClosed === true ? 'true' : 'false'"></d-tag>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.purchaseQuantity">{{rowItem.purchaseQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.purchaseDate">{{rowItem.purchaseDate}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.orderedQuantity">{{rowItem.orderedQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.supplyName">{{rowItem.supplyName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.remark">{{rowItem.remark}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '采购订单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>采购订单号:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseOrderNum}}</span>
          </div>
        </div>

        <div class="basic-info-item">
          <label>单据日期:</label>
          <div class="info-item-data">
            <span>{{docData.orderDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商简称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyShortName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商英文名称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyEnglishName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商联系人:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>收货地址:</label>
          <div class="info-item-data">
            <span>{{docData.address}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.departmentName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>交易币种:</label>
          <div class="info-item-data">
            <span>{{docData.currencyName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算方式:</label>
          <div class="info-item-data">
            <span>{{docData.settlementMethodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>付款账期:</label>
          <div class="info-item-data">
            <span>{{docData.collectionPeriodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.remark}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.purchaseOrderParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig6">
          <thead dTableHead>
            <tr dTableRow>
              <th dHeadCell *ngFor="let colOption of dataTableOptions6.columns">{{ colOption.header }}</th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>

                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span>
                    <div dImagePreview>
                      <d-badge *ngIf="rowItem.image" [count]="getImagesArray(rowItem.image).length" status="success">
                        <ng-container *ngFor="let imageUrl of getImagesArray(rowItem.image); let i = index">
                          <img *ngIf="getImagesArray(rowItem.image).length > 0" [src]="imageUrl" alt="图片" height="22px" [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                        </ng-container>
                      </d-badge>
                    </div>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell [rowItem]="rowItem" [field]="'showType'">
                  <span>
                    <d-tag [tag]="rowItem?.isClosed | booleanToText: '已结案':'未结案'" [labelStyle]="rowItem?.isClosed === true ? 'true' : 'false'"></d-tag>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.purchaseQuantity">{{rowItem.purchaseQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.priceWithTax">{{rowItem.priceWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.estimatedDeliveryDate">{{rowItem.estimatedDeliveryDate}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.deliveryQuantity">{{rowItem.deliveryQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="(rowItem.purchaseQuantity - rowItem.deliveryQuantity).toString()">{{rowItem.purchaseQuantity - rowItem.deliveryQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxRate">{{rowItem.taxRate}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.purchasereQuireNum">{{rowItem.purchasereQuireNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '采购到货单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>采购到货单号:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseArrivalOrderNum}}</span>
          </div>
        </div>

        <div class="basic-info-item">
          <label>单据日期:</label>
          <div class="info-item-data">
            <span>{{docData.orderDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商:</label>
          <div class="info-item-data">
            <span>{{docData.supplyChineseName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商简称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyShortName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商英文名称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyEnglishName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商联系人:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>收货地址:</label>
          <div class="info-item-data">
            <span>{{docData.address}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.departmentName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>交易币种:</label>
          <div class="info-item-data">
            <span>{{docData.currencyName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算方式:</label>
          <div class="info-item-data">
            <span>{{docData.settlementMethodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>付款账期:</label>
          <div class="info-item-data">
            <span>{{docData.collectionPeriodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.remark}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.purchaseArrivalOrderParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig7">
          <thead dTableHead>
            <tr dTableRow>
              <th dHeadCell *ngFor="let colOption of dataTableOptions7.columns">{{ colOption.header }}</th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span>
                    <div dImagePreview>
                      <d-badge *ngIf="rowItem.image" [count]="getImagesArray(rowItem.image).length" status="success">
                        <ng-container *ngFor="let imageUrl of getImagesArray(rowItem.image); let i = index">
                          <img *ngIf="getImagesArray(rowItem.image).length > 0" [src]="imageUrl" alt="图片" height="22px" [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                        </ng-container>
                      </d-badge>
                    </div>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.arrivalDate | date:'yyyy-MM-dd'">{{rowItem.arrivalDate | date:'yyyy-MM-dd'}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.arrivalQuantity">{{rowItem.arrivalQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.returnedQuantity">{{rowItem.returnedQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.warehouseName">{{rowItem.warehouseName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.positionName">{{rowItem.positionName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.purchaseOrderNum">{{rowItem.purchaseOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '采购退货单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>采购退货单号:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseReturnedOrderNum}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>单据日期:</label>
          <div class="info-item-data">
            <span>{{docData.orderDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商:</label>
          <div class="info-item-data">
            <span>{{docData.supplyChineseName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商简称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyShortName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商英文名称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyEnglishName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商联系人:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>收货地址:</label>
          <div class="info-item-data">
            <span>{{docData.address}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.departmentName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>交易币种:</label>
          <div class="info-item-data">
            <span>{{docData.currencyName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算方式:</label>
          <div class="info-item-data">
            <span>{{docData.settlementMethodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>付款账期:</label>
          <div class="info-item-data">
            <span>{{docData.collectionPeriodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.remark}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.purchaseReturnedOrderParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig8">
          <thead dTableHead>
            <tr dTableRow>
              <th dHeadCell *ngFor="let colOption of dataTableOptions8.columns">{{ colOption.header }}</th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span>
                    <div dImagePreview>
                      <d-badge *ngIf="rowItem.image" [count]="getImagesArray(rowItem.image).length" status="success">
                        <ng-container *ngFor="let imageUrl of getImagesArray(rowItem.image); let i = index">
                          <img *ngIf="getImagesArray(rowItem.image).length > 0" [src]="imageUrl" alt="图片" height="22px" [ngStyle]="{'display': i === 0 ? 'block' : 'none'}" />
                        </ng-container>
                      </d-badge>
                    </div>
                  </span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.description">{{rowItem.description}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.returnedDate | date:'yyyy-MM-dd'">{{rowItem.returnedDate | date:'yyyy-MM-dd'}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.returnedQuantity">{{rowItem.returnedQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.warehouseName">{{rowItem.warehouseName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.positionName">{{rowItem.positionName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.purchaseArrivalOrderNum">{{rowItem.purchaseArrivalOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '采购委外单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>采购委外单号:</label>
          <div class="info-item-data">
            <span>{{docData.outsourcingOrderNum}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>单据日期:</label>
          <div class="info-item-data">
            <span>{{docData.orderDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商:</label>
          <div class="info-item-data">
            <span>{{docData.supplyChineseName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商简称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyShortName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商英文名称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyEnglishName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商联系人:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.departmentName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>交易币种:</label>
          <div class="info-item-data">
            <span>{{docData.currencyName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算方式:</label>
          <div class="info-item-data">
            <span>{{docData.settlementMethodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>付款账期:</label>
          <div class="info-item-data">
            <span>{{docData.collectionPeriodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.remark}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.outsourcingOrderParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig9">
          <thead dTableHead>
            <tr dTableRow>
              <th dHeadCell [fixedRight]="colOption.fixedRight" *ngFor="let colOption of dataTableOptions9.columns">
                {{ colOption.header }}</th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.outsourcingOrderNum">{{rowItem.outsourcingOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.jobOrderNum">{{rowItem.jobOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.processNumber">{{rowItem.processNumber}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.processNum">{{rowItem.processNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.processName">{{rowItem.processName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.outsourcingQuantity">{{rowItem.outsourcingQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip
                    [content]="rowItem.outsourcingPlanDate | date:'yyyy-MM-dd'">{{rowItem.outsourcingPlanDate | date:'yyyy-MM-dd'}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.arrivalQuantity">{{rowItem.arrivalQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
                </td>
                <td dTableCell [rowItem]="rowItem" [field]="'showType'" [fixedRight]="'0px'">
                  <span>
                    <d-tag [tag]="rowItem?.isClosed | booleanToText :'已结案':'未结案'"
                      [labelStyle]="rowItem?.isClosed === true ? 'true' : 'false'"></d-tag>
                  </span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '委外到货单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>委外到货单号:</label>
          <div class="info-item-data">
            <span>{{docData?.outsourcingArrivalOrderNum}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>单据日期:</label>
          <div class="info-item-data">
            <span>{{docData.orderDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商:</label>
          <div class="info-item-data">
            <span>{{docData.supplyChineseName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商简称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyShortName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商英文名称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyEnglishName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商联系人:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.departmentName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>交易币种:</label>
          <div class="info-item-data">
            <span>{{docData.currencyName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算方式:</label>
          <div class="info-item-data">
            <span>{{docData.settlementMethodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>付款账期:</label>
          <div class="info-item-data">
            <span>{{docData.collectionPeriodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.remark}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.outsourcingArrivalOrderParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig10">
          <thead dTableHead>
            <tr dTableRow>
              <th dHeadCell *ngFor="let colOption of dataTableOptions10.columns">{{ colOption.header }}</th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.outsourcingArrivalOrderNum">{{rowItem.outsourcingArrivalOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.jobOrderNum">{{rowItem.jobOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.processNumber">{{rowItem.processNumber}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.processNum">{{rowItem.processNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.processName">{{rowItem.processName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.arrivalQuantity">{{rowItem.arrivalQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.arrivalDate | date:'yyyy-MM-dd'">{{rowItem.arrivalDate | date:'yyyy-MM-dd'}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.returnedQuantity">{{rowItem.returnedQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="(rowItem.arrivalQuantity - rowItem.returnedQuantity).toString()">{{rowItem.arrivalQuantity - rowItem.returnedQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.outsourcingOrderNum">{{rowItem.outsourcingOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
  <div class="card-body" *ngIf="this.type == '委外退货单审核'">
    <div class="basic">
      <div class="basic-title">
        基础信息
      </div>
      <div class="basic-info">
        <div class="basic-info-item">
          <label>委外退货单号:</label>
          <div class="info-item-data">
            <span>{{docData.outsourcingReturnedOrderNum}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>单据日期:</label>
          <div class="info-item-data">
            <span>{{docData.orderDate}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商:</label>
          <div class="info-item-data">
            <span>{{docData.supplyChineseName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商简称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyShortName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商英文名称:</label>
          <div class="info-item-data">
            <span>{{docData.supplyEnglishName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>供应商联系人:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>业务员:</label>
          <div class="info-item-data">
            <span>{{docData.purchaseManName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>部门:</label>
          <div class="info-item-data">
            <span>{{docData.departmentName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>交易币种:</label>
          <div class="info-item-data">
            <span>{{docData.currencyName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>结算方式:</label>
          <div class="info-item-data">
            <span>{{docData.settlementMethodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>付款账期:</label>
          <div class="info-item-data">
            <span>{{docData.collectionPeriodName}}</span>
          </div>
        </div>
        <div class="basic-info-item">
          <label>备注:</label>
          <div class="info-item-data">
            <span>{{docData.remark}}</span>
          </div>
        </div>
      </div>
    </div>
    <div class="details">
      <div class="details-title">
        详细信息
      </div>
      <div class="details-info">
        <d-data-table [dataSource]="this.docData.outsourcingReturnedOrderParts" [lazy]="true" [scrollable]="true" [fixHeader]="true"
          [scrollable]="true" [resizeable]="true" [tableWidthConfig]="tableWidthConfig11">
          <thead dTableHead>
            <tr dTableRow>
              <th dHeadCell *ngFor="let colOption of dataTableOptions11.columns">{{ colOption.header }}</th>
            </tr>
          </thead>
          <tbody dTableBody>
            <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex">
              <tr dTableRow>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.outsourcingReturnedOrderNum">{{rowItem.outsourcingReturnedOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.jobOrderNum">{{rowItem.jobOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.processNumber">{{rowItem.processNumber}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.processNum">{{rowItem.processNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.processName">{{rowItem.processName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partNum">{{rowItem.partNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partName">{{rowItem.partName}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partType">{{rowItem.partType}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.partUOM">{{rowItem.partUOM}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.returnedQuantity">{{rowItem.returnedQuantity}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.returnedDate | date:'yyyy-MM-dd'">{{rowItem.returnedDate | date:'yyyy-MM-dd'}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithTax">{{rowItem.amountWithTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.amountWithoutTax">{{rowItem.amountWithoutTax}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.taxAmount">{{rowItem.taxAmount}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.outsourcingArrivalOrderNum">{{rowItem.outsourcingArrivalOrderNum}}</span>
                </td>
                <td dTableCell>
                  <span dTooltip [content]="rowItem.note">{{rowItem.note}}</span>
                </td>
              </tr>
            </ng-template>
          </tbody>
        </d-data-table>
      </div>
    </div>
    <div class="workflow">
      <div class="workflow-title">
        审核流程
      </div>
      <div class="worlflow-info" *ngIf="timeAxisTemplate.list && timeAxisTemplate.list.length > 0">
        <d-time-axis [data]="timeAxisTemplate" [contentTemplate]="customTemplate" [mode]="'alternative'"></d-time-axis>
      </div>
    </div>
    <div class="views">
      <div class="views-title">
        审核意见
      </div>
      <div class="views-info">
        <textarea dTextarea placeholder="审核通过将不会记录审核意见" style="height: 70px;width: 98%;" [(ngModel)]="reason" [class.textareaError]="reason==''&&data.disPlay">
        </textarea>
        <div class="text-error" *ngIf="reason==''&&data.disPlay">
          *驳回时请填写审核意见
        </div>
      </div>
    </div>
  </div>
</div>
<ng-template #customTemplate let-data="data">
  <div *ngIf="data.text" class="startTimes" style="position: relative ;width: 100%;text-wrap: nowrap;">
    <div   [style.border-color]="data.color"
    style=" position: relative; left: 4px; border-left: 4px solid; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); padding: 0 5px;"
    [style.background-color]="data.backgroundColor">
    <div style="padding: 4px 0;">
      {{data.text}}
    </div>
  </div>
  </div>
  <div *ngIf="data.group" style="position: relative ;width: 185px;text-wrap: wrap;">
    <div [style.border-color]="data.color"
      style=" position: relative; left: 4px; border-left: 4px solid; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); padding: 0 5px;"
      [style.background-color]="data.backgroundColor">
      <div style="padding-bottom: 4px" *ngIf="data.group">审核组：{{ data.group }}</div>
      <div style="padding-bottom: 4px" *ngIf="data.group">审核结果：<d-tag [tag]="data.status  | statusToText" [customColor]="data.color"></d-tag>
      </div>
      <div style="padding-bottom: 4px" *ngIf="data.group">审核日期：{{ data.date }}</div>
      <div style="padding-bottom: 4px" *ngIf="data.group">审核意见：{{ data.views }}</div>
      <div style="padding-bottom: 4px" *ngIf="data.group">实际审核人：{{ data.user }}</div>
    </div>
  </div>
</ng-template>

